<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>主页</title>
    <link rel="stylesheet" href="//at.alicdn.com/t/font_2129015_t99x9t3l58g.css">
    <link rel="stylesheet" href="https://www.jq22.com/demo/liMarquee20150916/css/liMarquee.css">
    <link rel="stylesheet" href="./css/index.css">
    <!-- jq -->
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <!-- 信息文字滚动 -->
    <script src="https://www.jq22.com/demo/liMarquee20150916/js/jquery.liMarquee.js"></script>
    <!-- 二维码 -->
    <script src="https://www.jq22.com/demo/jquery-Qrcode-141219222617/jquery.qrcode.min.js"></script>
    <!-- 函数运行入口 -->
    <script src="./js/index.js"></script>
</head>

<body>
    <!-- 电子健康码 蓝底部分 -->
    <div class="content">
        <!-- 滚动信息 -->
        <div class="tip">
            <a> 中国卫生监督机构提醒您：本系统保障您的信息安全，请不要向其他人泄露您的账户信息</a>
        </div>
        <!-- 时限 -->
        <div class="time">
            有效期限：<span>2020.01-2023.01</span>
        </div>
        <!-- 提醒按钮 -->
        <div class="time-tip">
            <i class="iconfont icon-icon-test"></i>
            <span>到期提醒</span>
        </div>
        <!-- 二维码 -->
        <div class="code"></div>
        <!-- 票据分割线 -->
        <div class="line"></div>
        <!-- 须知 -->
        <h4>电子健康码须知</h4>
        <ol>
            <li>电子健康证码由卫生监督机构审核并发放</li>
            <li>从业人员在职期间点击健康码过期需补办健康证明</li>
            <li>提前两个月到期提醒</li>
        </ol>
    </div>
    <!-- 在线办理 白底部分 -->
    <div class="nav">
        <!-- logo -->
        <div class="logo">
            <img src="./img/logo.png" alt="" srcset="">
        </div>
        <!-- 标题 -->
        <h4>在线办理</h4>
        <!-- 导航 -->
        <ul>
            <li>
                <i class="iconfont icon-jijiangdaoqi"></i>
                <div>到期提醒</div>
            </li>
            <li onclick="opend('./place.html')">
                <i class="iconfont icon-Group-"></i>
                <div>办理地点查询</div>
            </li>
            <li onclick="opend('./notice.html')">
                <i class="iconfont icon-xuzhi"></i>
                <div>办理须知</div>
            </li>
        </ul>
        <!-- 信息按钮 -->
        <div class="btn">我的健康码信息</div>
        <!-- 页尾 -->
        <p>@卫生监督</p>
        <p>为您的健康保驾护航</p>
    </div>
</body>

</html>